.whats-new-drawer {
  box-shadow: none;
  overflow-y: hidden;

  // setting custom width above mobile breakpoint
  @include gl-media-breakpoint-up(md) {
    width: 500px;
  }

  /* stylelint-disable gitlab/no-gl-class */
  .gl-infinite-scroll-legend {
    display: none;
  }

  .gl-drawer-header {
    position: sticky;
    top: 0;
  }

  .gl-tabs {
    overflow-y: auto;
  }

  .gl-tabs-nav {
    flex-wrap: nowrap;
    overflow-x: scroll;
    align-items: stretch;

    .nav-item {
      flex-shrink: 0;

      a {
        height: 100%;
        line-height: 1.5;
      }
    }
  }

  .gl-spinner-container {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .gl-drawer-close-button {
    margin-top: $gl-spacing-scale-3
  }
  /* stylelint-enable gitlab/no-gl-class */
}

.featured-carousel {
  position: sticky;
  top: 87px;
}

.other-updates {
  height: calc(100vh - 300px);
  overflow-y: hidden;
}

.whats-new-modal-backdrop {
  z-index: 699;
}

.whats-new-article-drawer {
  @include gl-media-breakpoint-up(md) {
    width: 500px;
  }
}
